Skip to content

feat(video): 77-second demo video with README preview - #7

Merged
deaneeth merged 4 commits into
mainfrom
feat/demo-video
Nov 8, 2026
Merged

deaneeth merged 4 commits into
mainfrom
feat/demo-video

Conversation

@deaneeth

@deaneeth deaneeth commented Nov 8, 2026

Copy link
Copy Markdown
Member

What changed

  • video/: a Remotion project that renders a 77-second, 1920x1080 narrated demo of TinyCPU. The on-screen UI is the app's own React components, fed with run data produced by the committed WASM build, so nothing shown is mocked.
  • Narration, music and sound effects are generated locally (Kokoro TTS, numpy/scipy synthesis). Scene timing is derived from the narration, and effects are placed from the same timeline.
  • docs/media/: the rendered tinycpu-demo.mp4 (34.8 MB) and tinycpu-demo-teaser.gif, a 10-second looping preview.
  • README: a "Watch the demo" section with the teaser, a link to the full video, and a scene timeline. Contents and repository layout are updated to match.
  • .gitignore: adds video/node_modules (a symlink into RAM) and the generated audio, render output and model files.

Why

To give viewers a fast, real look at the project: the hardware path, the pipeline, the hazards and the verification results, shown on the actual interface.

For reviewers

  • The MP4 is about 35 MB and is committed as-is. If repo size is a concern, a lower-bitrate render can replace it in a follow-up commit.
  • The TTS model weights (about 330 MB) are not committed. video/README.md explains how to fetch them and rebuild the audio.
  • Rendering needs a headless Chromium. The Remotion config picks up a local Playwright headless shell when one is present.
  • I checked the render frame by frame and confirmed the audio levels, but I have not listened to the narration. Please give the voice and sound effects a listen before this is shared more widely.

Adds a Remotion project (video/) that renders a 1080p demo of the real web app.
The on-screen UI is the app's own components, fed with run data from the committed
WASM build, and the narration, music and sound effects are generated locally.

- docs/media/tinycpu-demo.mp4: the full rendered demo (1920x1080, 30 fps, narrated)
- docs/media/tinycpu-demo-teaser.gif: a looping autoplay preview for the README
- README: a "Watch the demo" section with a scene timeline, plus layout entries
- .gitignore: ignore the video/node_modules symlink
@vercel

vercel Bot commented Nov 8, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
tiny-cpu Ready Ready Preview Nov 8, 2026 5:38pm UTC

The Vercel project builds from the repository root, but the Astro app lives in
web/ and the root has no package.json, so every deployment failed at install
("No package.json found"). Point the install, build and output at web/.
The lockfile was written by pnpm 12.14.0, but Vercel's default pnpm could not read
it ("Ignoring not compatible lockfile", then "requires a pnpm-lock.yaml"). Pin the
package manager in web/package.json so Vercel's corepack installs the same version,
and record it in the lockfile.
Vercel's default pnpm could not read the web/ lockfile, and the project root has no
lockfile, so the packageManager pin was not used. Name the pnpm version in the
Vercel install and build commands instead, and revert the lockfile change so the
original single-document lockfile stays.
@deaneeth
deaneeth merged commit c835869 into main Nov 8, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant